<!DOCTYPE html>
<html class="um landscape min-width-240px min-width-320px min-width-480px min-width-768px min-width-1024px">
<head>
    <title>科技分类 - 赋值科技</title>
    <meta charset="utf-8">
    <meta name="viewport" content="target-densitydpi=device-dpi, width=device-width, initial-scale=1, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
    <link rel="stylesheet" href="css/fonts/font-awesome.min.css">
    <link rel="stylesheet" href="css/ui-box.css">
    <link rel="stylesheet" href="css/ui-base.css">
    <link rel="stylesheet" href="css/ui-color.css">
    <link rel="stylesheet" href="css/appcan.icon.css">
    <link rel="stylesheet" href="css/appcan.control.css">
    <link rel="stylesheet" href="tech_category/css/tech_category.css">
</head>
<body class="" ontouchstart>
    <div class="bc-bg" tabindex="0" data-control="PAGE" id="Page">
        <!-- 头部 -->
        <div class="uh bc-head  ubb bc-border" data-control="HEADER" id="Header">
            <div class="ub">
                <div class="nav-btn" id="nav-left">
                    <div class="fa fa-angle-left fa-2x"></div>
                </div>
                <h1 class="ut ub-f1 ulev-3 ut-s tx-c" tabindex="0" id="page-title">科技分类</h1>
                <div class="nav-btn nav-bt" id="nav-right">
                </div>
            </div>
        </div>
        
        <!-- 内容区域 -->
        <div class="ub ub-ver" data-control="CONTENT" id="ScrollContent">
            <div class="scrollbox">
                <!-- 分类列表 -->
                <div class="category-list ub ub-ver">
                    <div class="category-item ub ub-ac ubb" onclick="openCategoryNews('ai')">
                        <div class="category-icon ub ub-ac ub-pc">
                            <svg viewBox="0 0 24 24" fill="currentColor" width="32" height="32">
                                <path d="M20,11A8,8 0 0,1 12,19A8,8 0 0,1 4,11A8,8 0 0,1 12,3A8,8 0 0,1 20,11M22,11A10,10 0 0,0 12,1A10,10 0 0,0 2,11A10,10 0 0,0 12,21A10,10 0 0,0 22,11M8,10.5A1.5,1.5 0 0,0 9.5,9A1.5,1.5 0 0,0 8,7.5A1.5,1.5 0 0,0 6.5,9A1.5,1.5 0 0,0 8,10.5M16,10.5A1.5,1.5 0 0,0 17.5,9A1.5,1.5 0 0,0 16,7.5A1.5,1.5 0 0,0 14.5,9A1.5,1.5 0 0,0 16,10.5M12,17C13.5,17 14.7,16.1 15.2,14.8L13.9,14.2C13.6,15.1 12.8,15.7 12,15.7C11.2,15.7 10.4,15.1 10.1,14.2L8.8,14.8C9.3,16.1 10.5,17 12,17Z"/>
                            </svg>
                        </div>
                        <div class="ub-f1 umar-l">
                            <div class="ulev-1">人工智能</div>
                            <div class="ulev--1 t-gra umar-t-xs">机器学习、深度学习、自然语言处理等</div>
                        </div>
                        <div class="fa fa-angle-right t-gra"></div>
                    </div>
                    
                    <div class="category-item ub ub-ac ubb" onclick="openCategoryNews('mobile')">
                        <div class="category-icon ub ub-ac ub-pc">
                            <svg viewBox="0 0 24 24" fill="currentColor" width="32" height="32">
                                <path d="M17,19H7V5H17M17,1H7C5.89,1 5,1.89 5,3V21C5,22.11 5.89,23 7,23H17C18.11,23 19,22.11 19,21V3C19,1.89 18.11,1 17,1Z"/>
                            </svg>
                        </div>
                        <div class="ub-f1 umar-l">
                            <div class="ulev-1">移动科技</div>
                            <div class="ulev--1 t-gra umar-t-xs">智能手机、平板电脑、可穿戴设备</div>
                        </div>
                        <div class="fa fa-angle-right t-gra"></div>
                    </div>
                    
                    <div class="category-item ub ub-ac ubb" onclick="openCategoryNews('cloud')">
                        <div class="category-icon ub ub-ac ub-pc">
                            <svg viewBox="0 0 24 24" fill="currentColor" width="32" height="32">
                                <path d="M19.35,10.04C18.67,6.59 15.64,4 12,4C9.11,4 6.6,5.64 5.35,8.04C2.34,8.36 0,10.91 0,14A6,6 0 0,0 6,20H19A5,5 0 0,0 24,15C24,12.36 21.95,10.22 19.35,10.04Z"/>
                            </svg>
                        </div>
                        <div class="ub-f1 umar-l">
                            <div class="ulev-1">云计算</div>
                            <div class="ulev--1 t-gra umar-t-xs">云服务、边缘计算、分布式系统</div>
                        </div>
                        <div class="fa fa-angle-right t-gra"></div>
                    </div>
                    
                    <div class="category-item ub ub-ac ubb" onclick="openCategoryNews('blockchain')">
                        <div class="category-icon ub ub-ac ub-pc">
                            <svg viewBox="0 0 24 24" fill="currentColor" width="32" height="32">
                                <path d="M3.9,12C3.9,10.29 5.29,8.9 7,8.9H11V7H7A5,5 0 0,0 2,12A5,5 0 0,0 7,17H11V15.1H7C5.29,15.1 3.9,13.71 3.9,12M8,13H16V11H8V13M17,7H13V8.9H17C18.71,8.9 20.1,10.29 20.1,12C20.1,13.71 18.71,15.1 17,15.1H13V17H17A5,5 0 0,0 22,12A5,5 0 0,0 17,7Z"/>
                            </svg>
                        </div>
                        <div class="ub-f1 umar-l">
                            <div class="ulev-1">区块链</div>
                            <div class="ulev--1 t-gra umar-t-xs">加密货币、智能合约、去中心化应用</div>
                        </div>
                        <div class="fa fa-angle-right t-gra"></div>
                    </div>
                    
                    <div class="category-item ub ub-ac ubb" onclick="openCategoryNews('iot')">
                        <div class="category-icon ub ub-ac ub-pc">
                            <svg viewBox="0 0 24 24" fill="currentColor" width="32" height="32">
                                <path d="M12,21L15.6,16.2C14.6,15.45 13.35,15 12,15C10.65,15 9.4,15.45 8.4,16.2L12,21M12,3C7.95,3 4.68,4.19 2.5,6.16L5.6,9.7C7.09,8.64 9.4,8 12,8C14.6,8 16.91,8.64 18.4,9.7L21.5,6.16C19.32,4.19 16.05,3 12,3M12,9L16.2,14.65C15.29,14.25 14.2,14 13,14H11C9.8,14 8.71,14.25 7.8,14.65L12,9Z"/>
                            </svg>
                        </div>
                        <div class="ub-f1 umar-l">
                            <div class="ulev-1">物联网</div>
                            <div class="ulev--1 t-gra umar-t-xs">智能家居、工业物联网、传感器技术</div>
                        </div>
                        <div class="fa fa-angle-right t-gra"></div>
                    </div>
                    
                    <div class="category-item ub ub-ac ubb" onclick="openCategoryNews('security')">
                        <div class="category-icon ub ub-ac ub-pc">
                            <svg viewBox="0 0 24 24" fill="currentColor" width="32" height="32">
                                <path d="M12,1L3,5V11C3,16.55 6.84,21.74 12,23C17.16,21.74 21,16.55 21,11V5L12,1M12,7C13.4,7 14.8,8.6 14.8,10V11H16V18H8V11H9.2V10C9.2,8.6 10.6,7 12,7M12,8.2C11.2,8.2 10.4,8.7 10.4,10V11H13.6V10C13.6,8.7 12.8,8.2 12,8.2Z"/>
                            </svg>
                        </div>
                        <div class="ub-f1 umar-l">
                            <div class="ulev-1">网络安全</div>
                            <div class="ulev--1 t-gra umar-t-xs">信息安全、数据保护、安全防护</div>
                        </div>
                        <div class="fa fa-angle-right t-gra"></div>
                    </div>
                    
                    <div class="category-item ub ub-ac ubb" onclick="openCategoryNews('vr')">
                        <div class="category-icon ub ub-ac ub-pc">
                            <svg viewBox="0 0 24 24" fill="currentColor" width="32" height="32">
                                <path d="M5,3C3.89,3 3,3.9 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5A2,2 0 0,0 19,3H5M5,5H19V19H5V5M7.5,6A1.5,1.5 0 0,0 6,7.5A1.5,1.5 0 0,0 7.5,9A1.5,1.5 0 0,0 9,7.5A1.5,1.5 0 0,0 7.5,6M16.5,6A1.5,1.5 0 0,0 15,7.5A1.5,1.5 0 0,0 16.5,9A1.5,1.5 0 0,0 18,7.5A1.5,1.5 0 0,0 16.5,6M12,8A6,6 0 0,0 6,14H8A4,4 0 0,1 12,10A4,4 0 0,1 16,14H18A6,6 0 0,0 12,8Z"/>
                            </svg>
                        </div>
                        <div class="ub-f1 umar-l">
                            <div class="ulev-1">虚拟现实</div>
                            <div class="ulev--1 t-gra umar-t-xs">VR/AR技术、元宇宙、沉浸式体验</div>
                        </div>
                        <div class="fa fa-angle-right t-gra"></div>
                    </div>
                    
                    <div class="category-item ub ub-ac ubb" onclick="openCategoryNews('bigdata')">
                        <div class="category-icon ub ub-ac ub-pc">
                            <svg viewBox="0 0 24 24" fill="currentColor" width="32" height="32">
                                <path d="M12,3C7.58,3 4,4.79 4,7C4,9.21 7.58,11 12,11C16.42,11 20,9.21 20,7C20,4.79 16.42,3 12,3M4,9V12C4,14.21 7.58,16 12,16C16.42,16 20,14.21 20,12V9C20,11.21 16.42,13 12,13C7.58,13 4,11.21 4,9M4,14V17C4,19.21 7.58,21 12,21C16.42,21 20,19.21 20,17V14C20,16.21 16.42,18 12,18C7.58,18 4,16.21 4,14Z"/>
                            </svg>
                        </div>
                        <div class="ub-f1 umar-l">
                            <div class="ulev-1">大数据</div>
                            <div class="ulev--1 t-gra umar-t-xs">数据分析、数据挖掘、商业智能</div>
                        </div>
                        <div class="fa fa-angle-right t-gra"></div>
                    </div>
                    
                    <div class="category-item ub ub-ac ubb" onclick="openCategoryNews('5g')">
                        <div class="category-icon ub ub-ac ub-pc">
                            <svg viewBox="0 0 24 24" fill="currentColor" width="32" height="32">
                                <path d="M19.07,4.93C17.22,3.08 14.66,2 12,2C9.34,2 6.78,3.08 4.93,4.93C3.08,6.78 2,9.34 2,12C2,14.66 3.08,17.22 4.93,19.07C6.78,20.92 9.34,22 12,22C14.66,22 17.22,20.92 19.07,19.07C20.92,17.22 22,14.66 22,12C22,9.34 20.92,6.78 19.07,4.93M7,12C7,10.34 8.34,9 10,9C11.66,9 13,10.34 13,12C13,13.66 11.66,15 10,15C8.34,15 7,13.66 7,12M17,12C17,13.66 15.66,15 14,15C12.34,15 11,13.66 11,12C11,10.34 12.34,9 14,9C15.66,9 17,10.34 17,12Z"/>
                            </svg>
                        </div>
                        <div class="ub-f1 umar-l">
                            <div class="ulev-1">5G通信</div>
                            <div class="ulev--1 t-gra umar-t-xs">5G网络、通信技术、网络架构</div>
                        </div>
                        <div class="fa fa-angle-right t-gra"></div>
                    </div>
                    
                    <div class="category-item ub ub-ac" onclick="openCategoryNews('quantum')">
                        <div class="category-icon ub ub-ac ub-pc">
                            <svg viewBox="0 0 24 24" fill="currentColor" width="32" height="32">
                                <path d="M12,2A3,3 0 0,1 15,5A3,3 0 0,1 12,8A3,3 0 0,1 9,5A3,3 0 0,1 12,2M21,9V7L19,8V10C19,11.1 18.1,12 17,12C15.9,12 15,11.1 15,10V8L13,7V9H11V7L9,8V10C9,11.1 8.1,12 7,12C5.9,12 5,11.1 5,10V8L3,7V9A5,5 0 0,0 8,14V16A3,3 0 0,0 11,19H13A3,3 0 0,0 16,16V14A5,5 0 0,0 21,9Z"/>
                            </svg>
                        </div>
                        <div class="ub-f1 umar-l">
                            <div class="ulev-1">量子科技</div>
                            <div class="ulev--1 t-gra umar-t-xs">量子计算、量子通信、量子加密</div>
                        </div>
                        <div class="fa fa-angle-right t-gra"></div>
                    </div>
                </div>
                
                <!-- 热门推荐 -->
                <div class="hot-section umar-t">
                    <div class="section-header ub ub-ac uinn">
                        <div class="fa fa-fire t-red"></div>
                        <div class="ulev-1 umar-l-s">热门推荐</div>
                    </div>
                    <div id="hot-news-list" class="uinn-lr">
                        <!-- 动态加载热门新闻 -->
                    </div>
                </div>
            </div>
        </div>
    </div>
    
    <script src="js/appcan.js"></script>
    <script src="js/appcan.control.js"></script>
    <script src="js/appcan.scrollbox.js"></script>
    <script src="js/appcan.listview.js"></script>
    <script src="js/tech_category.js"></script>
</body>
</html> 